//#region 背景自动切换

let divBg = document.getElementById('divBg');

// 动态修改class属性
// remove是移除指定名称的class
// divBg.classList.remove('bg1');
// add是添加指定名称的class
// divBg.classList.add('bg2');

// 重复间隔时间执行代码的方法
let index = 1;

// setInterval是重复执行代码，但是每次执行都有延时
// 第一个参数是箭头函数，表示延时到达之后要执行的代码
// 第二个参数是延时的时间，单位是毫秒

setInterval(() => {
  index++;
  if (index > 4) {
    index = 1;
  }
  divBg.classList.remove('bg1');
  divBg.classList.remove('bg2');
  divBg.classList.remove('bg3');
  divBg.classList.remove('bg4');

  divBg.classList.add('bg' + index);

  console.log(index);
}, 5000);

//#endregion

//#region 显示当前时间
let spTime = document.getElementById('spTime');

// 获取当前时间，Date对象就是处理时间的类
let now = new Date();
// 分部获取时间和日期信息
let year = now.getFullYear();
let month = now.getMonth();
let day = now.getDate();

let hour = now.getHours();
let minute = now.getMinutes();
let second = now.getSeconds();

console.log('日期信息:', year, month, day, hour, minute, second);

spTime.innerHTML = `
  ${year}年${month + 1}月${day}日 ${hour}:${minute}:${second}
`;
//now.toLocaleString();

setInterval(() => {
  now = new Date();

  year = now.getFullYear();
  month = now.getMonth();
  day = now.getDate();

  hour = now.getHours();
  minute = now.getMinutes();
  second = now.getSeconds();

  spTime.innerHTML = `
  ${year}年${month + 1}月${day}日 ${hour}:${minute}:${second}
`;
}, 1000);

//#endregion
